<template>
  <div style="width:100%;height:100vh;background:#f5f5f5;">
    <mt-header fixed title="支付宝转账" style="background:#fff;color:#000;">
      <router-link to="/" slot="left">
        <mt-button icon="back"></mt-button>
      </router-link>
    </mt-header>
    <div style="width:100%;height:1rem;"></div>
    <div class="tran_content" style>
      <span>账户余额</span>
      <span>0.00</span>
    </div>
    <div class="ver_content" style="margin-top:.2rem;">
      <span>支付宝实名</span>
      <input type="text" placeholder="*">
    </div>
    <div class="ver_content">
      <span>支付宝账号</span>
      <input type="text" placeholder="请输入支付宝账号">
    </div>
    <div class="ver_content" style>
      <span>充值金额</span>
      <input type="text" placeholder="请输入(您今天还可充值5,,000,000元)">
    </div>
    <div class="ver_button">
      <button @click="transnext">下一步</button>
    </div>
    <div class="tran_text" style>
      <span>到账时间</span>
    </div>
    <div class="tran_text" style>
      <span>08:45-24:00(30分钟内到账)</span>
    </div>
    <div class="tran_text" style>
      <span>24:00以后(次日09:00到账)</span>
    </div>
    <div class="tran_text" style>
      <span>如急需到账，请电话</span><span style="color:#2bafff;">联系客服</span>
    </div>
  </div>
</template>

<script>
export default {
  methods:{
    transnext(){
      this.$router.push({path:"transnext"})
    }
  }
};
</script>
<style scoped>
.tran_content {
  width: 100%;
  height: 1.5rem;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tran_content span {
  margin: 0 0.2rem;
  font-size: 0.35rem;
  letter-spacing: 1px;
}
.tran_content span:last-child {
  color: #d47423;
}
.ver_content {
  width: 100%;
  height: 1.5rem;
  background: #fff;
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
  padding: 0 0.3rem;
}
.ver_content > span {
  font-size: 0.35rem;
  margin-right: 0.2rem;
}
.ver_content input {
  width: 70%;
  height: 70%;
  padding: 0 0.2rem;
  border: none;
  outline: none;
}
.ver_button {
  width: 100%;
  height: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.ver_button button {
  width: 80%;
  height: 1.2rem;
  background: #b3262c;
  color: #fff;
  font-size: 0.4rem;
  letter-spacing: 2px;
  border: none;
  border-radius: 8px;
}
.tran_text {
  width: 100%;
  height: 0.6rem;
  line-height: 0.8rem;
  text-align: center;
  letter-spacing: 1px;
  font-size: 0.35rem;
  color: #666;
}
</style>
